﻿<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:callisto="using:Callisto.Controls"
    >


    <Style
        x:Key="PanningGridView"
        TargetType="GridView">
        <Setter
            Property="Padding"
            Value="0,0,0,10" />
        <Setter
            Property="IsTabStop"
            Value="False" />
        <Setter
            Property="TabNavigation"
            Value="Once" />
        <Setter
            Property="ScrollViewer.HorizontalScrollBarVisibility"
            Value="Auto" />
        <Setter
            Property="ScrollViewer.VerticalScrollBarVisibility"
            Value="Disabled" />
        <Setter
            Property="ScrollViewer.HorizontalScrollMode"
            Value="Enabled" />
        <Setter
            Property="ScrollViewer.IsHorizontalRailEnabled"
            Value="False" />
        <Setter
            Property="ScrollViewer.VerticalScrollMode"
            Value="Disabled" />
        <Setter
            Property="ScrollViewer.IsVerticalRailEnabled"
            Value="False" />
        <Setter
            Property="ScrollViewer.ZoomMode"
            Value="Disabled" />
        <!-- Changed -->
        <Setter
            Property="IsSwipeEnabled"
            Value="False" />
        <!-- Added -->
        <Setter
            Property="SelectionMode"
            Value="None" />
        <Setter
            Property="ItemContainerTransitions">
            <Setter.Value>
                <TransitionCollection>
                    <AddDeleteThemeTransition />
                    <ContentThemeTransition />
                    <ReorderThemeTransition />
                    <EntranceThemeTransition
                        IsStaggeringEnabled="False" />
                </TransitionCollection>
            </Setter.Value>
        </Setter>
        <Setter
            Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <!-- Changed -->
                    <StackPanel
                        Orientation="Horizontal"
                        VerticalAlignment="Stretch"
                        Margin="20,70,20,20"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter
            Property="Template">
            <Setter.Value>
                <ControlTemplate
                    TargetType="GridView">
                    <Border
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Background="{TemplateBinding Background}">
                        <!-- Customized: added HorizontalSnapPointsType  -->
                        <ScrollViewer
                            x:Name="ScrollViewer"
                            HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                            IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                            IsHorizontalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsHorizontalScrollChainingEnabled}"
                            IsVerticalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsVerticalScrollChainingEnabled}"
                            IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                            TabNavigation="{TemplateBinding TabNavigation}"
                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                            VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                            ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}"
                            HorizontalSnapPointsType="Optional">
                            <ItemsPresenter
                                HeaderTemplate="{TemplateBinding HeaderTemplate}"
                                Header="{TemplateBinding Header}"
                                HeaderTransitions="{TemplateBinding HeaderTransitions}"
                                Padding="{TemplateBinding Padding}" />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style
        TargetType="GridViewItem"
        x:Name="PanningGridItemStyle">
        <Setter
            Property="FontFamily"
            Value="{StaticResource ContentControlThemeFontFamily}" />
        <Setter
            Property="FontSize"
            Value="{StaticResource ControlContentThemeFontSize}" />
        <Setter
            Property="Background"
            Value="Transparent" />
        <Setter
            Property="TabNavigation"
            Value="Local" />
        <Setter
            Property="IsHoldingEnabled"
            Value="True" />
        <!--<Setter
                            Property="Margin"
                            Value="0,0,2,2" />-->
        <Setter
            Property="Margin"
            Value="-4 -4 -4 0" />
        <Setter
            Property="Template">
            <Setter.Value>
                <ControlTemplate
                    TargetType="GridViewItem">
                    <Border
                        x:Name="OuterContainer">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup
                                x:Name="CommonStates">
                                <VisualState
                                    x:Name="Normal" />
                                <VisualState
                                    x:Name="PointerOver">
                                    <Storyboard>
                                        <!--<DoubleAnimation
                                                        Duration="0"
                                                        To="1"
                                                        Storyboard.TargetProperty="Opacity"
                                                        Storyboard.TargetName="PointerOverBorder" />
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Fill"
                                                        Storyboard.TargetName="SelectionBackground">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBackgroundThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Stroke"
                                                        Storyboard.TargetName="SelectedBorder">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBorderThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Fill"
                                                        Storyboard.TargetName="SelectedEarmark">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBackgroundThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>-->
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Pressed">
                                    <Storyboard>
                                        <!--<PointerDownThemeAnimation
                                                        TargetName="ContentContainer" />-->
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="PointerOverPressed">
                                    <Storyboard>
                                        <!--<PointerDownThemeAnimation
                                                        TargetName="ContentContainer" />
                                                    <DoubleAnimation
                                                        Duration="0"
                                                        To="1"
                                                        Storyboard.TargetProperty="Opacity"
                                                        Storyboard.TargetName="PointerOverBorder" />
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Fill"
                                                        Storyboard.TargetName="SelectionBackground">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBackgroundThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Stroke"
                                                        Storyboard.TargetName="SelectedBorder">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBorderThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                        Storyboard.TargetProperty="Fill"
                                                        Storyboard.TargetName="SelectedEarmark">
                                                        <DiscreteObjectKeyFrame
                                                            KeyTime="0"
                                                            Value="{StaticResource ListViewItemSelectedPointerOverBackgroundThemeBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>-->
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="{StaticResource ListViewItemDisabledThemeOpacity}"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="contentPresenter" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="FocusStates">
                                <VisualState
                                    x:Name="Focused">
                                    <Storyboard>
                                        <!--<DoubleAnimation
                                                        Duration="0"
                                                        To="1"
                                                        Storyboard.TargetProperty="Opacity"
                                                        Storyboard.TargetName="FocusVisual" />-->
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Unfocused" />
                                <VisualState
                                    x:Name="PointerFocused" />
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="SelectionHintStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition
                                        GeneratedDuration="0:0:0.65"
                                        To="NoSelectionHint" />
                                </VisualStateGroup.Transitions>
                                <VisualState
                                    x:Name="VerticalSelectionHint">
                                    <Storyboard>
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="0"
                                            TargetName="SelectionBackground"
                                            ToVerticalOffset="15" />
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="0"
                                            TargetName="ContentBorder"
                                            ToVerticalOffset="15" />
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="0"
                                            TargetName="SelectedCheckMark"
                                            ToVerticalOffset="15" />
                                        <DoubleAnimationUsingKeyFrames
                                            Duration="0:0:0.500"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyph">
                                            <DiscreteDoubleKeyFrame
                                                KeyTime="0:0:0"
                                                Value="0.5" />
                                            <DiscreteDoubleKeyFrame
                                                KeyTime="0:0:0.500"
                                                Value="0" />
                                        </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="HorizontalSelectionHint">
                                    <Storyboard>
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="-23"
                                            TargetName="SelectionBackground"
                                            ToVerticalOffset="0" />
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="-23"
                                            TargetName="ContentBorder"
                                            ToVerticalOffset="0" />
                                        <SwipeHintThemeAnimation
                                            ToHorizontalOffset="-23"
                                            TargetName="SelectedCheckMark"
                                            ToVerticalOffset="0" />
                                        <DoubleAnimationUsingKeyFrames
                                            Duration="0:0:0.500"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyph">
                                            <DiscreteDoubleKeyFrame
                                                KeyTime="0:0:0"
                                                Value="0.5" />
                                            <DiscreteDoubleKeyFrame
                                                KeyTime="0:0:0.500"
                                                Value="0" />
                                        </DoubleAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="NoSelectionHint" />
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="SelectionStates">
                                <VisualState
                                    x:Name="UnselectedSwiping">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="0.5"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectingGlyph" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyphBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Selecting">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectionBackground" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedBorder" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectingGlyph" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyphBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectionBackground" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedBorder" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedCheckMark" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="SelectedSwiping">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectionBackground" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedBorder" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedCheckMark" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Unselecting">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyphBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="Unselected">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="HintGlyphBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="SelectedUnfocused">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectionBackground" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedBorder" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="SelectedCheckMark" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="DragStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition
                                        GeneratedDuration="0:0:0.2"
                                        To="NotDragging" />
                                </VisualStateGroup.Transitions>
                                <VisualState
                                    x:Name="NotDragging" />
                                <VisualState
                                    x:Name="Dragging">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="{StaticResource ListViewItemDragThemeOpacity}"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="InnerDragContent" />
                                        <DragItemThemeAnimation
                                            TargetName="InnerDragContent" />
                                        <FadeOutThemeAnimation
                                            TargetName="SelectedCheckMarkOuter" />
                                        <FadeOutThemeAnimation
                                            TargetName="SelectedBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="DraggingTarget">
                                    <Storyboard>
                                        <DropTargetItemThemeAnimation
                                            TargetName="OuterContainer" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="MultipleDraggingPrimary">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="MultiArrangeOverlayBackground" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="1"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="MultiArrangeOverlayText" />
                                        <DoubleAnimation
                                            Duration="0"
                                            To="{StaticResource ListViewItemDragThemeOpacity}"
                                            Storyboard.TargetProperty="Opacity"
                                            Storyboard.TargetName="ContentBorder" />
                                        <FadeInThemeAnimation
                                            TargetName="MultiArrangeOverlayBackground" />
                                        <FadeInThemeAnimation
                                            TargetName="MultiArrangeOverlayText" />
                                        <DragItemThemeAnimation
                                            TargetName="ContentBorder" />
                                        <FadeOutThemeAnimation
                                            TargetName="SelectionBackground" />
                                        <FadeOutThemeAnimation
                                            TargetName="SelectedCheckMarkOuter" />
                                        <FadeOutThemeAnimation
                                            TargetName="SelectedBorder" />
                                        <FadeOutThemeAnimation
                                            TargetName="PointerOverBorder" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="MultipleDraggingSecondary">
                                    <Storyboard>
                                        <FadeOutThemeAnimation
                                            TargetName="ContentContainer" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="ReorderHintStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition
                                        GeneratedDuration="0:0:0.2"
                                        To="NoReorderHint" />
                                </VisualStateGroup.Transitions>
                                <VisualState
                                    x:Name="NoReorderHint" />
                                <VisualState
                                    x:Name="BottomReorderHint">
                                    <Storyboard>
                                        <DragOverThemeAnimation
                                            Direction="Bottom"
                                            ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
                                            TargetName="ReorderHintContent" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="TopReorderHint">
                                    <Storyboard>
                                        <DragOverThemeAnimation
                                            Direction="Top"
                                            ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
                                            TargetName="ReorderHintContent" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="RightReorderHint">
                                    <Storyboard>
                                        <DragOverThemeAnimation
                                            Direction="Right"
                                            ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
                                            TargetName="ReorderHintContent" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState
                                    x:Name="LeftReorderHint">
                                    <Storyboard>
                                        <DragOverThemeAnimation
                                            Direction="Left"
                                            ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
                                            TargetName="ReorderHintContent" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup
                                x:Name="DataVirtualizationStates">
                                <VisualState
                                    x:Name="DataAvailable" />
                                <VisualState
                                    x:Name="DataPlaceholder">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames
                                            Duration="0"
                                            Storyboard.TargetProperty="Visibility"
                                            Storyboard.TargetName="PlaceholderTextBlock">
                                            <DiscreteObjectKeyFrame
                                                KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames
                                            Duration="0"
                                            Storyboard.TargetProperty="Visibility"
                                            Storyboard.TargetName="PlaceholderRect">
                                            <DiscreteObjectKeyFrame
                                                KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Grid
                            x:Name="ReorderHintContent"
                            Background="Transparent">
                            <Path
                                x:Name="SelectingGlyph"
                                Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z"
                                Fill="{StaticResource ListViewItemCheckSelectingThemeBrush}"
                                FlowDirection="LeftToRight"
                                HorizontalAlignment="Right"
                                Height="13"
                                Margin="0,9.5,9.5,0"
                                Opacity="0"
                                Stretch="Fill"
                                VerticalAlignment="Top"
                                Width="15" />
                            <Border
                                x:Name="ContentContainer">
                                <Grid
                                    x:Name="InnerDragContent">
                                    <Border
                                        x:Name="HintGlyphBorder"
                                        HorizontalAlignment="Right"
                                        Height="40"
                                        Margin="4"
                                        Opacity="0"
                                        VerticalAlignment="Top"
                                        Width="40">
                                        <Path
                                            x:Name="HintGlyph"
                                            Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z"
                                            Fill="{StaticResource ListViewItemCheckHintThemeBrush}"
                                            FlowDirection="LeftToRight"
                                            HorizontalAlignment="Right"
                                            Height="13"
                                            Margin="0,5.5,5.5,0"
                                            Opacity="0"
                                            Stretch="Fill"
                                            VerticalAlignment="Top"
                                            Width="15" />
                                    </Border>
                                    <Rectangle
                                        x:Name="PointerOverBorder"
                                        Fill="{StaticResource ListViewItemPointerOverBackgroundThemeBrush}"
                                        IsHitTestVisible="False"
                                        Margin="1"
                                        Opacity="0" />
                                    <Rectangle
                                        x:Name="FocusVisual"
                                        IsHitTestVisible="False"
                                        Opacity="0"
                                        Stroke="{StaticResource ListViewItemFocusBorderThemeBrush}"
                                        StrokeThickness="2" />
                                    <Rectangle
                                        x:Name="SelectionBackground"
                                        Fill="{StaticResource ListViewItemSelectedBackgroundThemeBrush}"
                                        Margin="4"
                                        Opacity="0" />
                                    <Border
                                        x:Name="ContentBorder"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        Background="{TemplateBinding Background}"
                                        Margin="4">
                                        <Grid>
                                            <ContentPresenter
                                                x:Name="contentPresenter"
                                                ContentTransitions="{TemplateBinding ContentTransitions}"
                                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                Margin="{TemplateBinding Padding}"
                                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                            <TextBlock
                                                x:Name="PlaceholderTextBlock"
                                                Foreground="{x:Null}"
                                                IsHitTestVisible="False"
                                                Margin="{TemplateBinding Padding}"
                                                Text="Xg"
                                                Visibility="Collapsed" />
                                            <Rectangle
                                                x:Name="PlaceholderRect"
                                                Fill="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}"
                                                IsHitTestVisible="False"
                                                Visibility="Collapsed" />
                                            <Rectangle
                                                x:Name="SelectedBorder"
                                                IsHitTestVisible="False"
                                                Opacity="0"
                                                Stroke="{StaticResource ListViewItemSelectedBackgroundThemeBrush}"
                                                StrokeThickness="{StaticResource GridViewItemSelectedBorderThemeThickness}" />
                                            <Rectangle
                                                x:Name="MultiArrangeOverlayBackground"
                                                Fill="{StaticResource ListViewItemDragBackgroundThemeBrush}"
                                                IsHitTestVisible="False"
                                                Opacity="0" />
                                        </Grid>
                                    </Border>
                                    <Border
                                        x:Name="SelectedCheckMarkOuter"
                                        HorizontalAlignment="Right"
                                        IsHitTestVisible="False"
                                        Margin="4"
                                        Padding="{TemplateBinding BorderThickness}"
                                        VerticalAlignment="Top">
                                        <Grid
                                            x:Name="SelectedCheckMark"
                                            Height="40"
                                            Opacity="0"
                                            Width="40">
                                            <Path
                                                x:Name="SelectedEarmark"
                                                Data="M0,0 L40,0 L40,40 z"
                                                Fill="{StaticResource ListViewItemSelectedBackgroundThemeBrush}"
                                                Stretch="Fill" />
                                            <Path
                                                Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z"
                                                Fill="{StaticResource ListViewItemCheckThemeBrush}"
                                                FlowDirection="LeftToRight"
                                                HorizontalAlignment="Right"
                                                Height="13"
                                                Margin="0,5.5,5.5,0"
                                                Stretch="Fill"
                                                VerticalAlignment="Top"
                                                Width="15" />
                                        </Grid>
                                    </Border>
                                    <TextBlock
                                        x:Name="MultiArrangeOverlayText"
                                        Foreground="{StaticResource ListViewItemDragForegroundThemeBrush}"
                                        FontSize="26.667"
                                        FontFamily="{StaticResource ContentControlThemeFontFamily}"
                                        IsHitTestVisible="False"
                                        Margin="18,9,0,0"
                                        Opacity="0"
                                        TextWrapping="Wrap"
                                        Text="{Binding TemplateSettings.DragItemsCount, RelativeSource={RelativeSource Mode=TemplatedParent}}"
                                        TextTrimming="WordEllipsis" />
                                </Grid>
                            </Border>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <DataTemplate x:Name="ChallengeBrowseTemplate">
        <Grid Width="{Binding TemplateWidth}" Height="{Binding TemplateHeight}" Background="{Binding Color}">
            <StackPanel>
                <TextBlock Text="{Binding Description}" FontSize="16" HorizontalAlignment="Left" TextWrapping="Wrap" Margin="10,0,10,0"/>
            </StackPanel>
            <Grid Height="50" VerticalAlignment="Bottom" Background="Black" Opacity=".70">
                <TextBlock Text="{Binding Title}" VerticalAlignment="Center" Margin="3,0,0,13" FontSize="20" HorizontalAlignment="Left" />
                <callisto:Rating ItemCount="3" IsEnabled="False"  Value="{Binding Rating}" Foreground="Yellow" HorizontalAlignment="Right" Margin="0,0,3,0" />
            </Grid>

            
        </Grid>
    </DataTemplate>

</ResourceDictionary>
